<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>boot css1</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<img class="img-rounded" src="https://img04.sogoucdn.com/app/a/100520021/49209b50f6b16ef4e7f16e325e2178f1">
<img class="img-circle" src="https://img04.sogoucdn.com/app/a/100520021/49209b50f6b16ef4e7f16e325e2178f1">
<img class="img-thumbnail" src="https://img04.sogoucdn.com/app/a/100520021/49209b50f6b16ef4e7f16e325e2178f1">
<body>
<hr>
<form action="" class="form-inline">
    <div class="form-group">
        <label>uname:</label>
        <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label>
        <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit">
    </div>
</form>
<hr>
<form action="">
    <div class="form-group">
        <label>uname:</label>
        <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label>
        <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit">
    </div>
</form>
<hr>
<p>
    <input type="submit" value="查 询"><br>
    <input class="btn btn-primary" type="submit" value="查 询"><br>
    <input class="btn btn-success btn-lg" type="submit" value="查 询"><br>
    <input class="btn btn-warning btn-sm" type="submit" value="查 询"><br>
    <input class="btn btn-info btn-xs" type="submit" value="查 询"><br>
    <input class="btn btn-danger btn-block" type="submit" value="查 询"><br>
    <input class="btn btn-default" type="submit" value="查 询"><br>
</p>
<table class="table table-bordered table-striped table-hover">
    <thead class="bg-primary">
        <tr class="text-center">
            <td>表头</td>
            <td>表头</td>
            <td>表头</td>
        </tr>
    </thead>
    <tr>
        <td>234</td>
        <td>234</td>
        <td>1234</td>
    </tr>
    <tr>
        <td>234</td>
        <td>234</td>
        <td>54</td>
    </tr>
    <tr>
        <td>56</td>
        <td>46</td>
        <td>46</td>
    </tr>
    <tr>
        <td>5</td>
        <td>5</td>
        <td>235</td>
    </tr>
    <tr>
        <td>54</td>
        <td>6</td>
        <td>35</td>
    </tr>
</table>
<p class="text-center text-danger h3 bg-warning">云计算 1907</p>
<p class="text-right h3 text-success bg-info">云计算 1907</p>
<p class="h3 text-muted">云计算 1907</p>
<p>云计算 1907</p>
<p>云计算 1907</p>
<p>云计算 1907</p>
<hr>
<mark>达内云计算 nsd1907</mark>
<del>达内云计算 nsd1907</del>
<s>达内云计算 nsd1907</s>
<ins>达内云计算 nsd1907</ins>
<u>达内云计算 nsd1907</u>
<small>达内云计算 nsd1907</small>
<strong>达内云计算 nsd1907</strong>
<em>达内云计算 nsd1907</em>
<i>达内云计算 nsd1907</i>
<h1>云计算 1907</h1>
<p class="h1">云计算 1907</p>
</body>
</html>